<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
<!-- 	
	<meta name="apple-mobile-web-app-capable"	content="yes" />
	<meta name="apple-touch-fullscreen" 		content="yes" />
	<meta name="viewport" 						content="width=device-width, initial-scale=1, maximum-scale=1" />
	<meta name="format-detection" 				content="telephone=no" />
	<meta name="HandheldFriendly" 				content="true" />
	<meta name="MobileOptimized" 				content="320" />
 -->
	<title>Guess What</title>
	
	<script type="text/javascript" src="script/jquery/jquery-1.10.2.js"></script>
	<script type="text/javascript" src="script/jquery/jquery.mobile-1.3.2.js"></script>
	<script type="text/javascript" src="script/app/game.js"></script>
	
	<link href="css/app/game.css" 					rel="stylesheet" media="screen" type="text/css" />
	<link href="css/jquery/jquery.mobile-1.3.2.css" rel="stylesheet" media="screen" type="text/css" />

	<script>
		$.mobile.ajaxEnabled = false;
	</script>
	
</head>

<body>
<div data-role="page" data-theme="b">
	<div data-role="header" id="summary-section">Hi Vivek! Let's play ...</div>
	
	<div data-role="content">
		<div id="guesses-section">
			<div id="your-guesses-text">Your Guesses</div>
			<div id="your-guesses">
				king x0x0<br/>
				self x000<br/>
			</div>
		</div>
	</div>
	
	<div data-role="footer">
		<div id="input-section">
		    <label for="guess-text">Guess here:</label>
	   		<input type="text" data-clear-btn="true" data-inline="true" name="guess-text" id="guess-text" value="">
		    <a href="#" data-role="button" data-mini="true" data-inline="true" id="guess-button">Is this it?</a>
		</div>
	</div>
</div>
</body>
</html>